<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>frosted-glass</title>
    <style>
        body, main:before {
            background: url("../images/iphone.jpg") fixed 0 no-repeat;
            background-size: cover;
        }

        main {
            position: relative;
            display: block;
            width: 768px;
            padding: 20px;
            margin: 180px auto;
            font-family: Serif;
            font-size: 28px;
        hsla(0, 0 %, 100 %, .3);
            border-radius: 15px;
            box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .3) inset, 0 .5em 1em rgba(0, 0, 0, 0.6);
            text-shadow: 0 1px 1px hsla(0, 0%, 100%, .3);
            overflow: hidden;
        }

        main:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            -webkit-filter: blur(20px);
            filter: blur(20px);
            margin: -30px;
        }
    </style>
</head>

<body>
<main>
    iPhone 7 dramatically improves the most important aspects of the iPhone experience. It introduces advanced new
    camera systems. The best performance and battery life ever in an iPhone. Immersive stereo speakers. The brightest,
    most colorful iPhone display. Splash and water resistance.1 And it looks every bit as powerful as it is. This is
    iPhone 7.
</main>
</body>
</html>